<%@taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="es">
    <head>
        <title>Sport Club</title>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
        <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
        <link rel="stylesheet" type="text/css" media="screen" href="css/grid_12.css">
        <link rel="stylesheet" type="text/css" media="screen" href="css/slider.css">
        <script src="js/jquery-1.7.min.js"></script>
        <script src="js/jquery.easing.1.3.js"></script>
        <script src="js/tms-0.3.js"></script>
        <script src="js/tms_presets.js"></script>
        <script src="js/cufon-yui.js"></script>
        <script src="js/Asap_400.font.js"></script>
        <script src="js/Coolvetica_400.font.js"></script>
        <script src="js/Kozuka_M_500.font.js"></script>
        <script src="js/cufon-replace.js"></script>
        <script src="js/FF-cash.js"></script>
        <script>
            $(window).load(function(){
                $('.slider')._TMS({
                    prevBu:'.prev',
                    nextBu:'.next',
                    pauseOnHover:true,
                    pagNums:false,
                    duration:800,
                    easing:'easeOutQuad',
                    preset:'Fade',
                    slideshow:7000,
                    pagination:'.pagination',
                    waitBannerAnimation:false,
                    banners:'fade'
                })
            }) 	
        </script>

    </head>
    <body>
        <div class="main">
            <div class="bg-img"></div>
            <!--==============================header=================================-->
            <header>
                <h1><a href="index.jsp">Sport <strong>Club</strong></a></h1>

                <div style="margin-top: 30px; margin-left: 750px">        

                </div> 
                <div >

                    <logic:empty name="usuario" scope="session">
                        <html:form action="/login" >
                            <div>
                                <table border="0" class="login-form">
                                    <tbody>
                                        <tr>
                                            <td><strong>Email:</strong></td>
                                            <td><html:text property="email" name="LoginForm" style="text-align:right"/></td>
                                        </tr>
                                        <tr>
                                            <td><strong>Clave:</strong></td>
                                            <td><html:password property="pass" name="LoginForm" style="text-align:right"/></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" class="button" style="text-align:right;"><html:submit value="Login"/></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" style="text-align:right"><a href="registro.jsp" class="color-1">¡Registrate!</a></td>
                                        </tr>

                                    </tbody>
                                </table>
                            </div>
                        </html:form>
                    </logic:empty>

                    <logic:notEmpty name="usuario" scope="session">
                        <div style="text-align: right" >
                            Bienvenido, <strong><a class="link" href="cuenta.do"><bean:write name="usuario" property="nombre"/></a></strong>

                            <br/>
                            <a class="link" href="unlogin.do" >Desconectar</a>
                        </div>
                    </logic:notEmpty>

                </div>


                <nav style="clear: both">

                    <ul class="menu">
                        <li class="current"><a href="index.jsp">Principal</a></li>
                        <li><a href="instalaciones.do">Instalaciones</a></li>
                        <li><a href="galeria.jsp">Galeria</a></li>
                        <li><a href="contacta.jsp">Contacta</a></li>
                    </ul>
                </nav>
            </header>   
            <!--==============================content================================-->
            <section id="content">
                <div class="container_12">
                    <div class="grid_12">
                        <div class="slider">
                            <ul class="items">
                                <li><img src="img/slider1.jpg" alt="">
                                    <div class="banner">
                                        <p class="font-1">Conoce<span>Sport Club</span></p>
                                        <p class="font-2">Navega a traves de nuestra web, conoce nuestras instalaciones y sus pistas y mira las opiniones de los demas usuarios.</p>
                                        <a href="instalaciones.jsp">Leer Mas</a>
                                    </div>
                                </li>
                                <li><img src="img/slider2.jpg" alt="">
                                    <div class="banner">
                                        <p class="font-1">Reserva<span>una pista</span></p>
                                        <p class="font-2">Elige una pista de nuestras instalaciones, selecciona un horario disponible acorde a tus preferencias y reservala.</p>
                                        <a href="instalaciones.jsp">Leer Mas</a>
                                    </div>
                                </li>
                                <li><img src="img/slider3.jpg" alt="">
                                    <div class="banner">
                                        <p class="font-1">Danos tu<span> opinion</span></p>
                                        <p class="font-2">Envianos sugerencias, comenta el estado de nuestras pistas y ayudanos a mejorar.</p>
                                        <a href="contacta.jsp">Leer Mas</a>
                                    </div>
                                </li>
                            </ul>
                            <div class="pagination">
                                <ul>
                                    <li><a href="#"></a></li>
                                    <li><a href="#"></a></li>
                                    <li><a href="#"></a></li>
                                </ul>
                            </div>  
                        </div>
                    </div>	
                    <div class="grid_12 top-1">
                        <div class="block-1 box-shadow">
                            <p class="font-3"><span class="color-1">Sport Club</span> es una nueva web desarrollada por un grupo de estudiantes para la asignatura <span class="color-1">Integracion de Tecnologias</span>, del tercer curso del Grado en <span class="color-1">Ingenieria Informatica</span> en Sistemas de Informacion de la <span class="color-1">Universidad Pablo de Olavide</span>. Se trata de una web que facilita la practica del deporte, al agilizar las gestiones para la reserva de una pista deportiva, a traves de una interfaz sencilla e intuitiva.</p>
                        </div>
                    </div>
                    <div class="grid_12 top-1">
                        <div class="box-shadow">
                            <div class="wrap block-2">
                                <div class="col-1">
                                    <h2 class="p3"><span class="color-1">Noticias</span> recientes</h2>
                                    <div class="wrap box-1">
                                        <img src="img/noticia1.jpg" alt="" class="img-border img-indent">
                                        <div class="extra-wrap">
                                            <p class="p2"><strong>Nueva pista de futbol en el Complejo Mercedes</strong> </p>
                                            <p>Ya se encuentra disponible para reservar la nueva pista de futbol sala construida en el complejo Mercedes. Se trata de una pista de cemento que se situa justo detras de la pista de tenis. </p>
                                        </div>
                                    </div>
                                    <div class="wrap box-1 top-2">
                                        <img src="img/noticia2.jpg" alt="" class="img-border img-indent">
                                        <div class="extra-wrap">
                                            <p><strong>Nuevos horarios de verano</strong></p>
                                            <p>A partir del dia 20 de mayo se instauraran los horarios de verano. Las pistas permaneceran abiertas hasta las 23 horas. Sin embargo, debido a las altas temperaturas, no se podran hacer reservas entre las 15 y las 18 horas. </p>
                                        </div>
                                    </div>
                                </div>
                                <div style="" class="col-2">


                                    <a class="twitter-timeline" href="https://twitter.com/SportClubIT" data-widget-id="351050192394534912">Tweets por @SportClubIT</a>
                                    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

                                    <!--
                                    <h2 class="p3"><span class="color-1">Services</span> list</h2>
                                    <ul class="list-1">
                                        <li><a href="#">Lorem ipsum dolor sit amet</a></li>
                                        <li><a href="#">Consetetur sadipscing elitr sed</a></li>
                                        <li><a href="#">Diam nonumy eirmod tempor</a></li>
                                        <li><a href="#">Invidunt ut labore dolore</a></li>
                                        <li><a href="#">Magna aliquyam erat sed</a></li>
                                    </ul>
                                    -->
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </section> 
            <!--==============================footer=================================-->
        </div>
        <%@include file="footer.jsp" %>
    </body>
</html>
